<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack使用HMR的疑问</h1>
      <p>Webpack中的HMR并不可以开箱即用</p>
      <p>Webpack中的HMR需要手动处理模块热更替换逻辑</p>
      <p>
        样式文件自动热更新是因为样式文件是经过loader处理的,所以不需要我们手动处理
      </p>
      <p>
        样式文件修改完直接替换即可,但是脚本文件是没有规律的,各种导出什么的,或者其他,无法创建一个通用的HMR
      </p>
      <p>总结：我们需要手动处理JS模块跟新后的热替换</p>
    </div>
    <script></script>
  </body>
</html>
